<include file="header" />

<!-- main START -->
<div class="main" style=" height:auto; padding-bottom:10px; background:#f7f7f7;">
	<div class="main_page">
		<a href="index.html" title="Home">Home</a> >> <a href="tutorials.html" title="Tutorials">Tutorials</a>
	</div>
	<div class="main_products_content">
		<div class="main_products_content_l" style="width:960px;">
			<div class="top" style="background:none; width:800px;">
				<img src="__PUBLIC__/home/images/symbol006.jpg" style="height:75px;" />
				<h1>Tutorial Center</h1>
				<p>Readers will find various free resources including knowledge, articles, tips, gadgets and other related things about computer software tools.</p>
			</div>
			<div class="center tutorials_center">
				<ul class="slide_h">
					<volist id="vo" name="allacdata" >
							<li><a <if condition=" $vo.id eq  $acid"> class="current"</if> <if condition="$vo.is_statice eq 0">href="__URL__/tutorials/id/<{$vo.id}>"<else />href="__ROOT__/<{$vo.statice_name}>.html"</if>><img src="__PUBLIC__/upload/<{$vo.bgimg}>"><span><{$vo.classify_name}></span></a></li>
					</volist>
				</ul>
				<div id="feature_box" class="main_left_box_02">
		          <h2 class="title">Feature <{$msg.classify_name}> Articles</h2>
		          <div id="f_pro_box_01">
		            <div id="content_wrap_01">
		            <volist id="exd" name="exd">
			             <div class="item" style="float: left;">
				              <a href=""><img src="__PUBLIC__/upload/<{$exd.small_icon}>" border="0" width="170" height="98" alt="" title=""></a>
		                       		                <div class="title">
				                <a href="__URL__/article/id/<{$vo.id}>"><{$exd.title}></a>                       		                </div>
				                <div class="time"><!--Fri, 01 Mar 2013 18:18:03 --></div>
				                <div class="info"><{$exd.introduce}></div>
			              </div>
					 </volist>
					  
					</div>
		            <a class="arrow_left" id="arrow_left_01"></a> <a class="arrow_right" id="arrow_right_01"></a> </div>
		        </div>
				
				
			
		        <load href="__PUBLIC__/home/js/slide_content.js" />
				<script type="text/javascript">
				$(document).ready(function() {
					$("#f_pro_box_01").slideContent({
						arrowLeft: "#arrow_left_01",         
						arrowRight: "#arrow_right_01",    
						wrap: "#content_wrap_01",         
						content: "#content_wrap_01 .item",                    
						boxWidth: 690,                     
						boxHeight: 150,                    
						speed: 600,                          
						autoSlide: true,                    
						interval: 3000,                       
						cycle: false                             
					});
						
					$(".slide_h li a").click(function(){
						var _index = $(".slide_h li a").index(this);
						$(".slide_h li a").removeClass("current").eq(_index).addClass("current");
						//$(".main_left_box_02").css("display","none").eq(_index).css("display","block");
					});
					
				});
				</script>
				<div class="main_tutorials">
					<h3><i></i>All <{$msg.classify_name}> Articles</h3>
					<ul class="list">
						<volist id="vo" name="adata">
							<li><a <if condition="$vo.is_statice eq 0"> href="__URL__/article/id/<{$vo.id}>"<else />href="__ROOT__/<{$vo.statice_name}>.html"</if>><{$vo.title}></a></li>
						</volist>
					</ul>
				</div>
			</div>
		</div>
		
	</div>
</div>
<!-- main END -->

<include file="foot"/>